<template>
  <div class="originProject preview-form" style=" background:rgba(22,22,26,1);">
    <div class="comCarousel">
      <Carousel
        :loop="true"
        :autoplay="true"
        :autoplay-speed="5000"
        dots="inside"
        trigger="click"
        arrow="always"
        style=" background:#fff; height:580px; margin-bottom:20px;"
      >
        <CarouselItem v-for="(img, index) in imgList" :key="index">
          <div class="img">
            <img :src="img.path" />
          </div>
        </CarouselItem>
      </Carousel>
    </div>
    <div class="comTag">
      <div style=" padding-left:40px; padding-right:40px;">
        <Tag color="red" size="large">剧集</Tag>

        <Tag color="blue" size="large">电影</Tag>

        <Tag color="purple" size="large">综艺</Tag>

        <Tag color="cyan" size="large">少儿</Tag>

        <Tag color="green" size="large">动漫</Tag>

        <Tag color="orange" size="large">纪录片</Tag>
      </div>
    </div>
    <div
      class="comLabel"
      style=" color:#FFFFFF; padding-left:60px; padding-right:60px; padding-bottom:20px; padding-top:20px; font-size:24px; font-weight:bold;"
    >
      <p>
        &nbsp;今日热门
      </p>

      <div class="btnGroup">
        <div>
          <Button
            type="text"
            icon="md-arrow-forward"
            @click="
              addTableData({
                formId: '',
                ajaxUrl:
                  'http://coding.dt-dubai.com:8780/autoCoding/project/addPageData',
                tableId: '',
              })
            "
          >
            更多
          </Button>
        </div>
      </div>
    </div>
    <Row :gutter="10" style=" margin-left:40px; margin-right:40px;">
      <Col :span="4">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:250px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="small"
                  src="https://p3.pstatp.com/list/190x124/pgc-image/9229bac326e44e2583f8bd9a3441da62"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                国家卫健委：昨日新增确诊13例，其中湖北1例，境外输入12例
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="4">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:250px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://p1.pstatp.com/list/190x124/pgc-image/9d9f123ec62e4918bdfd73b3c5c6f225"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                特朗普：管不了衰退了 先控制疫情吧
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="4">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:250px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://p3.pstatp.com/list/190x124/pgc-image/RtVAne83MPiU3C"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                美方指责中国军民融合战略 耿爽：国际通行做法 中国光明正大
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="4">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:250px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://p1.pstatp.com/list/190x124/pgc-image/ac4f4b4caa594a1d93c6ab16579df981"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                ​“WHO给检测试剂盒，偏不要”，拜登这句话信息量很大
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="4">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:250px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://p1.pstatp.com/list/190x124/pgc-image/RtVwdruHqj9F0D"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                快讯！意大利单日新增3526例确诊病例，新增死亡345例
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="4">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:250px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://p3.pstatp.com/list/190x124/pgc-image/RtVAdYw5M4a2N2"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                囤积17700瓶洗手液 美国“倒爷”遭遇死亡威胁
              </div>
            </div>
          </Card>
        </div>
      </Col>
    </Row>
    <div
      class="comLabel"
      style=" color:#FFFFFF; padding-left:60px; padding-right:60px; padding-bottom:20px; padding-top:20px; font-size:24px; font-weight:bold;"
    >
      <p>
        &nbsp;正在热播
      </p>

      <div class="btnGroup">
        <div>
          <Button
            type="text"
            icon="md-arrow-forward"
            @click="
              addTableData({
                formId: '',
                ajaxUrl:
                  'http://coding.dt-dubai.com:8780/autoCoding/project/addPageData',
                tableId: '',
              })
            "
          >
            更多
          </Button>
        </div>
      </div>
    </div>
    <Row :gutter="10" style=" margin-left:40px; margin-right:40px;">
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:180px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/63ba88b557c3489ea68de10c30ee5396.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                王牌对王牌·前方激萌
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D; font-weight:normal;">
                沈腾贾玲爆笑学狗叫
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:180px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/41a12c675b2049a0ad0f82232f1a88c6.jpeg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                奉天往事2·爆笑来袭
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                赵四宋晓峰笑闹奉天城
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:180px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/df87878ffe9f4ab889862a2ca0e21bd0.png?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                飞狗MOCO·超治愈
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                短腿小柯基 每秒都是笑点
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:180px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/4c417e5aa038456d8661bde8878c0823.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                法证先锋4🔥更新
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                凶案现场遭“神秘人”目击
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:180px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/02e04497f31546bab30db5494c35fb81.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                刘老根3🔥套路多
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                恢复药膳部？药丸子洗脑老根
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:180px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/cc87db22f4f94ce09bb45ee8580fe19d.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                果果别动队·欢乐来袭
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                智斗大胡子保护部落
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:180px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/d4b2834e6b94483a862bfce75802d246.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                我在北京等你💔心塞
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                反目！盛夏小朵友情遇挑战
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:180px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/328f615473ed4ec1ae28446ead9a0dd3.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                河西走廊·宝藏
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                被黄沙掩埋的千年古城
              </div>
            </div>
          </Card>
        </div>
      </Col>
    </Row>
    <div
      class="comLabel"
      style=" color:#FFFFFF; padding-left:60px; padding-right:60px; padding-bottom:20px; padding-top:20px; font-size:24px; font-weight:bold;"
    >
      <p>
        &nbsp;剧集
      </p>

      <div class="btnGroup">
        <div>
          <Button
            type="text"
            icon="md-arrow-forward"
            @click="
              addTableData({
                formId: '',
                ajaxUrl:
                  'http://coding.dt-dubai.com:8780/autoCoding/project/addPageData',
                tableId: '',
              })
            "
          >
            更多
          </Button>
        </div>
      </div>
    </div>
    <Row :gutter="10" style=" margin-left:40px; margin-right:40px;">
      <Col :span="6">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#24242B; height:340px; border-color:#24242B;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/752f93caa31742469a932a1c209a12d4.jpg?x-oss-process=image/resize,w_490/crop,x_0,y_0,w_490,h_276"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div
                style=" color:#FFFFFF; padding-left:10px; padding-right:10px; padding-top:10px; font-weight:bold;"
              >
                大明风华
              </div>
            </div>
            <div class="comText">
              <div
                style=" color:#7D7D7D; padding-left:10px; padding-bottom:10px;"
              >
                汤唯朱亚文演绎传奇帝后
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="18">
        <Row :gutter="10" style=" margin-bottom:10px;">
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C00005CB0330D1B7691DF980ECFF8?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    微微一笑很倾城
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C0000593C1DC5AD881AFB6701EA74?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    人民的名义
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C00005A980849ADBC09072A0847AC?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    烈火如歌
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C00005970341F859B5C052D0F0F98?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    春风十里不如你
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C0000593A5442ADBA1F05710DCE07?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    好先生
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C00005A266D68ADBDD3E70E0D7BCE?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    虎啸龙吟
                  </div>
                </div>
              </Card>
            </div>
          </Col>
        </Row>
        <Row :gutter="10">
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C000058CE1D99ADBAC358A10AB995?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    三生三世十里桃花
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C00005CB06322859B5D82140629A0?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    恋爱先生
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C000059EDC5F2ADBA1FB01407A99A?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    将军在上
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C00005DBF99CF8B7439C3B50CB6B6?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    鹤唳华亭
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C0000593A5500859B5C02AB00F82F?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    小丈夫
                  </div>
                </div>
              </Card>
            </div>
          </Col>
          <Col :span="4">
            <div class="comCard">
              <Card
                dis-hover
                style=" background:#16161A; height:160px; border-color:#16161A;"
              >
                <div class="comAvatar">
                  <div>
                    <Avatar
                      shape="square"
                      size="default"
                      src="https://r1.ykimg.com/050C00005D1317CE859B5E71A10874CF?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                      icon="ios-person"
                      style=" width:100%; height:100%; "
                    />
                  </div>
                </div>
                <div class="comText">
                  <div style=" color:#FFFFFF; font-weight:bold;">
                    长按十二时辰
                  </div>
                </div>
              </Card>
            </div>
          </Col>
        </Row>
      </Col>
    </Row>
    <div
      class="comLabel"
      style=" color:#FFFFFF; padding-left:60px; padding-right:60px; padding-bottom:20px; padding-top:20px; font-size:24px; font-weight:bold;"
    >
      <p>
        &nbsp;电影
      </p>

      <div class="btnGroup">
        <div>
          <Button
            type="text"
            icon="md-arrow-forward"
            @click="
              addTableData({
                formId: '',
                ajaxUrl:
                  'http://coding.dt-dubai.com:8780/autoCoding/project/addPageData',
                tableId: '',
              })
            "
          >
            更多
          </Button>
        </div>
      </div>
    </div>
    <Row :gutter="10" style=" margin-left:40px; margin-right:40px;">
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:400px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/05aacf151091452e952a7eec744fc077.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                黑寡妇
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                黑暗过往神秘劲敌将揭晓
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:400px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/145767fd4cbd4a68846ba9ef518c058c.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                速度与激情9
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                东京漂移绝技重出江湖
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:400px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/049f2c22895a46b1961eaaeb9d15fea2.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                绝地战警：疾速追击
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                超强老铁再度出击
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:400px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/24d1d50c46ab44acba32516d6d8a4de4.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                小黄人大眼萌2
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                爆笑演绎坏蛋格鲁长成记
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:400px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/ed227d960c9848e5ac811b39d6720b87.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                史酷比狗
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                探寻史上最惊险案件
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:400px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/5546a63fcbef4a5f8edd7cb0360ecf88.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                花木兰
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                刘亦菲出镜演唱《自己》
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:400px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/1f5d97fd23244d09914ec46a1a3ceb7b.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                我在时间尽头等你
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                李一桐李鸿其神仙爱情甜煞网友
              </div>
            </div>
          </Card>
        </div>
      </Col>
      <Col :span="3">
        <div class="comCard">
          <Card
            dis-hover
            style=" background:#16161A; height:400px; border-color:#16161A;"
          >
            <div class="comAvatar">
              <div>
                <Avatar
                  shape="square"
                  size="default"
                  src="https://liangcang-material.alicdn.com/prod/upload/f9c4dbb016d548fbb21f983e2bc00ff2.jpg?x-oss-process=image/resize,w_290/interlace,1/quality,Q_80/sharpen,100"
                  icon="ios-person"
                  style=" width:100%; height:100%; "
                />
              </div>
            </div>
            <div class="comText">
              <div style=" color:#FFFFFF; font-weight:bold;">
                花木兰
              </div>
            </div>
            <div class="comText">
              <div style=" color:#7D7D7D;">
                领先全球震撼来袭
              </div>
            </div>
          </Card>
        </div>
      </Col>
    </Row>
    <div class="comText">
      <div
        style=" padding:40px; margin-top:60px; border-top-width:1px; border-top-style:solid; border-top-color:#525B6E; font-weight:bold; text-align:center;"
      >
        Copyright © 2020 上海迅搭云科技有限公司 | 沪ICP备20007909号
      </div>
    </div>
  </div>
</template>
<script>
import selfComponents from "@/components/comm/dtTable/components";
import echarts from "echarts";
import { areaValue, areaData } from "@/libs/common";
import { chartOn, chartOff } from "@/libs/tools";
import area from "@/components/comm/area";

export default {
  components: {
    ...selfComponents,
  },
  data() {
    return {
      a374e23a90cc7List: [
        {
          name: "剧集",
          props: {
            color: "red",
            size: "large",
            checkable: false,
            closable: false,
          },
        },
        {
          name: "电影",
          props: {
            type: "",
            color: "blue",
            size: "large",
            checkable: false,
            closable: false,
          },
        },
        {
          name: "综艺",
          props: {
            type: "",
            color: "orange",
            size: "large",
            checkable: false,
            closable: false,
          },
        },
        {
          name: "少儿",
          props: {
            type: "",
            color: "green",
            size: "large",
            checkable: false,
            closable: false,
          },
        },
        {
          name: "纪录片",
          props: {
            type: "",
            color: "purple",
            size: "large",
            checkable: false,
            closable: false,
          },
        },
      ],
      pageRecordId: "413",
      imgList: [
        {
          path:
            "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1584511317317&di=4e4834ea916fc49f5d69a1b98a9856cc&imgtype=0&src=http%3A%2F%2Fimage13.m1905.cn%2Fuploadfile%2F2015%2F0325%2F20150325023802284318.jpg",
        },
        {
          path:
            "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1584511317317&di=4292820ca997df832616d362dcf25ffe&imgtype=0&src=http%3A%2F%2Fimage11.m1905.cn%2Fuploadfile%2F2014%2F1020%2F20141020103852769475.jpg",
        },
        {
          path:
            "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1584511317317&di=22b5eeb9b4f89fb7c1b5b0349b0fee95&imgtype=0&src=http%3A%2F%2Fimage11.m1905.cn%2Fuploadfile%2F2013%2F1217%2F20131217032135298914.jpg",
        },
        {
          path:
            "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1584511317315&di=1a5cc1c49b2edff69e67596a7039954d&imgtype=0&src=http%3A%2F%2Fimage11.m1905.cn%2Fuploadfile%2F2015%2F0710%2F20150710014525636524.jpg",
        },
      ],
      adminAddress: "http://test.xundacloud.com:8081/xundacloudDemeAdmin",
      area,
    };
  },
  mounted() {},
  methods: {
    gotoPage(functionPath) {
      this.$router.push({ path: functionPath });
    },
  },
};
</script>
